<template>
	<!-- <nav>biaoti</nav>
	<div>
		<img src="../../img/dasai5.webp" alt="">
	</div> -->
	<div class="main2">
		<!-- <component :is='bottom_com'></component> -->
		<div class="tu1">
			<div>获奖公示</div>
		</div>
		<div class="tu2">
			<div class="text">
				<h2>人类首次与AI携手共创“虚拟新生命”</h2>
				<span>“Hi你好，我是i-VA，我是来自iCar世界的进化生命体。探索千百种风潮、解构我的万般模样，我的<br>
					形象将由你来定义。发挥你的想象，未来，期待与你见面。”<br>
					-—i-VA</span><br><br>
				<span>世界因AI而无限，与万物共生共创<br>
					iCar以i之名发起寻找创作者的共创计划<br>聚集新世代下一群有梦想、有态度的年轻人<br>
					我们因“i”而来，在此集结<br>
					在这场人类进化之旅中，期待共同开启未来新纪元</span>
			</div>
		</div>
		<div class="tu3">
			<div class="title">共创星推官&大赛评委</div>
			<div class="star">
				<img src="../../img/星推官1.png" alt="">
				<img src="../../img/星推官2.png" alt="">
				<img src="../../img/星推官3.png" alt="">
			</div>
		</div>
		<div class="tu3" style="height: 250px;">
			<div class="title">大赛时间</div>
			<img src="../../img/i创5.png" alt="">
		</div>
		<div class="tu5" style="">
			<div class="title">奖项通知</div>
			<div class="text2">
				<ul>
					<li>1、获奖信息将在征集结束后7个工作日内，通过花瓣官方赛事网站、iCar平台公布，请及时关注获奖信息。</li>
					<li>2、获奖信息同时也将通过花瓣私信形式通知获奖设计师，请获奖设计师注意查收私信，并根据私信内容在规定时间内配合主办方完成获奖作品源文件收集、版权协议签署及奖金奖品发放等工作。</li>
					<li>3、若获奖设计师在规定时间内对获奖通知未做回应或放弃履行相关版权转让或授权义务，则视为放弃奖项，由其他获奖者取代。</li>
					<li>4、其他相关事宜可随时关注大赛专题首页公告，奖品将在整个活动结束后30个工作日内发放。</li>
				</ul>
				<!-- <span></span><br> -->
				<!-- <span>2、获奖信息同时也将通过花瓣私信形式通知获奖设计师，请获奖设计师注意查收私信，并根据私信内容在规定时间内配合主办方完成获奖作品源文件收集、版权协议签署及奖金奖品发放等工作。</span><br> -->
				<!-- <span>3、若获奖设计师在规定时间内对获奖通知未做回应或放弃履行相关版权转让或授权义务，则视为放弃奖项，由其他获奖者取代。</span><br> -->
				<!-- <span>4、其他相关事宜可随时关注大赛专题首页公告，奖品将在整个活动结束后30个工作日内发放。</span> -->
			</div>
		</div>
		<div class="tu4">
			<div>
				<div class="footer">
					<img src="../../img/ma1.jpg" alt="">
				</div>
				<div class="footer">
					<img src="../../img/ma2.jpg" alt="">
				</div>
			</div>
			<img src="../../img/i创8.png" alt="">
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.main2 {
		width: 100%;
		height: 1000px;
		position: absolute;
		top: 0;
		left: 0;
	}

	nav {
		height: 30px;
		margin: 0 auto;
		background-color: #373FA3;
		color: #fff;
		text-align: center;
	}

	nav>span {
		padding: 0 30px;
		line-height: 30px;
	}

	.tu1 {
		width: 100%;
		height: 775px;
		/* border: 1px solid red; */
		background-image: url('../../img/dasai5.webp');
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.tu1>div {
		width: 200px;
		height: 70px;
		color: white;
		text-align: center;
		line-height: 70px;
		font-size: 30px;
		background-image: url('../../img/i创2.png');
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		bottom: 20px;
		left: 520px;
	}

	.tu2 {
		/* margin-top: 30px; */
		width: 100%;
		height: 500px;
		/* border: 1px solid red; */
		background-image: url('../../img/ibg1.png');
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.text {
		width: 700px;
		height: 400px;
		color: white;
		text-align: center;
		line-height: 30px;
		font-size: 12px;
		background-image: url('../../img/i创3.png');
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -200px 0 0 -350px;
	}
	h2 {
		margin-top: 30px;
	}
	.tu3 {
		/* margin-top: 30px; */
		width: 100%;
		height: 380px;
		/* border: 1px solid yellow; */
		background-image: url('../../img/ibg2.png');
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}
	.title {
		width: 350px;
		height: 60px;
		color: white;
		text-align: center;
		line-height: 50px;
		font-size: 18px;
		background-image: url('../../img/i创4.png');
		background-size: 100%;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.star {
		width: 700px;
		/* border: 1px solid red; */
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.star img {
		width: 200px;
	}
	.title+img {
		width: 600px;
		margin-left: 320px;
	}
	.tu4 {
		/* margin-top: 30px; */
		width: 100%;
		height: 600px;
		border: 1px solid #010711;
		background-image: url('../../img/i创6.png');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu4>div {
		width: 400px;
		margin: 200px 400px 50px;
		display: flex;
		justify-content: space-between;
	}
	.footer {
		width: 155px;
		height: 155px;
		background-image: url('../../img/i创7.png');
		background-size: 100%;
		background-repeat: no-repeat;
		display: flex;
	}
	.footer img {
		width: 130px;
		height: 130px;
		margin: auto;
	}
	.tu4>img {
		width: 450px;
		margin: 0 380px 0;
	}
	.tu5 {
		width: 100%;
		height: 380px;
		/* border: 1px solid red; */
		background-image: url('../../img/ibg2.png');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu5 .text2 {
		width: 700px;
		height: 300px;
		/* margin: 0 auto; */
		border: 1px solid #010711;
		margin: -10px 300px 0;
		color: #fff;
		font-size: 12px;
		background-image: url('../../img/ibg4.png');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	ul {
		margin: 70px 10px 0;
		width: 600px;
	}
	ul>li {
		list-style: none;
		margin-top: 30px;
	}
</style>
